﻿.playTitle {
    margin-right: 10px;
    color: #ffec82;
    font-weight: bold;
}

.playPath {
    margin-left: 10px;
    color: #aeaeae;
    font-style:italic;
}

.searchbar {
    height: 66px;
}

.searchbar .searchbar-input {
    height: 42px;
    
}

.searchbar input[type="search"] {
    font-size: 21px;
    background-color: black;
    color: white;
}

.canvas {
    width:100%;
    height: 100%;
    background-color: black;
}

.canvasInfo {
    position:absolute;
    top:0;
    left:0;
    color:white;
    font-size:xx-large;
    text-align:left;
}

.song-list-el-focus {
    background-color: black;
}

.vote-up {
  display: block;
  width: 0; 
  height: 0; 
  border-style: solid;
  border-width: 0 20px 15px 20px;
  border-color: transparent transparent #8e8e93 transparent;
}

.vote-up:hover {
  border-bottom-color: #007aff;
}

.vote-count {
  display: block;
  font-size: x-large;
  color: #ffec82;
}

.vote-down {
  display: block;
  width: 0; 
  height: 0; 
  border-style: solid;
  border-width: 15px 20px 0 20px;
  border-color: #8e8e93 transparent transparent transparent;
}

.vote-down:hover {
  border-top-color: #007aff;
}

.help-page-main {
    background-color: rgba(0,0,0,0.9);
    font-size: x-large;
    text-align: left;
    border-collapse:collapse;
    width: 100%;
}

.help-page-main th {
    font-weight: normal;
    border-bottom: 1px solid #808080;
    padding: 5px 20px 5px 20px;
    color: #ffad73;
}

.help-page-main td {
    border-bottom: 1px solid #808080;
    padding: 5px 20px 5px 20px;
}

.hpe-title {
}

.hpe-key {
    color: #ffec83;
}

.hpe-description {
    font-size: large;
    font-style: italic;
}

.hpe-value {
    font-size: large;
    color: #aeaeae;
}

